<!DOCTYPE HTML>
<html>
    <head>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

 <script>
 jQuery(document).ready(function($) { $.ajax({ url : "http://api.wunderground.com/api/c23b787fb72477cd/geolookup/conditions/q/autoip.json", dataType : "jsonp", success : function(parsed_json) {
	  var location = parsed_json['location']['city']; 
	  var temp_c = parsed_json['current_observation']['temp_c']; 
	  var irudia = parsed_json['current_observation']['icon_url']; 
	 // alert("Current temperature in " + location + " is: " + temp_f);
	 
	 	$("#loca").html("Herri honetako eguraldia da:" + location);
		$("#temp").html("oraingo tenperatura honakoa da:" + temp_c);
		$("#irud").html("irudia: <img src='"+ irudia+"'></img>");
	 }
	   });
	    }); 
</script>
</head>
<body>
<p id="loca"></p>
<p id="temp"></p>
<p id="irud"></p>
 </body>
</html>